/*
 * 全局样式重置
 */
@charset "utf-8";

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
span {
  margin : 0;
  padding: 0;
}

* {
  -webkit-box-sizing: border-box;
  box-sizing        : border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
button {
  font-size  : 100%;
  font-weight: 400;
}

ul,
ol,
li {
  list-style: none;
}

html,
body {
  font-family: 'PingFang SC', 'SimHei', 'Arial', 'Microsoft Yahei',
    'Lantinghei SC', 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;
  -webkit-user-select       : none;
  user-select               : none;
  width                     : 100%;
  height                    : 100%;
  min-height                : 100%;
  background                : #ffffff;
  -webkit-overflow-scrolling: touch;
  font-size                 : 16px;
  overflow-x                : hidden;
  overflow-y                : auto;
  margin                    : 0;
}

a,
img {
  -webkit-touch-callout      : none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -moz-tap-highlight-color   : rgba(0, 0, 0, 0);
}

a,
ins {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: middle;
}

table,
th,
tr,
td {
  border: none;
}

input,
button {
  border                     : none;
  outline                    : none;
  box-shadow                 : none;
  border-radius              : 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b5b5b5 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b5b5b5 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b5b5b5 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b5b5b5 !important;
}

* {
  -webkit-tap-highlight-color: rgba(0,
      0,
      0,
      0);
  /*去掉手机端a标签默认点击样式：*/
  /* -webkit-touch-callout: none;*/
  /* -webkit-user-select: none;*/
}

.loadImg {
  position        : fixed;
  left            : 0;
  top             : 0;
  right           : 0;
  bottom          : 0;
  z-index         : 1000;
  background-color: rgba(0, 0, 0, 0.6);
  /* display      : none; */
}

/*懒加载*/
image[lazy='loading'] {
  width : 30px !important;
  height: 50px !important;
  margin: auto;
}

.payAffirm .buttonWarp {
  position             : absolute;
  left                 : 50%;
  top                  : 50%;
  -webkit-transform    : translate(0%, -50%);
  -moz-transform       : translate(0%, -50%);
  -ms-transform        : translate(0%, -50%);
  -o-transform         : translate(0%, -50%);
  transform            : translate(0%, -50%);
  border-radius        : 0.4375rem;
  -moz-border-radius   : 0.4375rem;
  -webkit-border-radius: 0.4375rem;
  overflow             : hidden;
  background           : #ffffff;
  font-size            : 0;
  margin               : -25% 0 0 -40%;
  width                : 80%;
}

.payAffirm .buttonTest {
  height       : 6.09rem;
  border-bottom: 0.0625rem solid #f5f5f5;
}

.payAffirm .buttonTest p {
  text-align : center;
  color      : #000000;
  font-size  : 1.125rem;
  padding    : 1.68rem 14.2% 0 14.2%;
  line-height: 1.375rem;
}

.payAffirm .buttonWarp button {
  display    : inline-block;
  width      : 50%;
  font-size  : 1.125rem;
  line-height: 3.125rem;
}

.payAffirm .buttonWarp #defeated {
  color     : #999999;
  background: #ffffff;
}

.payAffirm .buttonWarp #succeed {
  color     : #ffffff;
  background: #38adff;
}

.loadImg img {
  display    : inline-block;
  margin-left: -1rem;
  position   : absolute;
  left       : 50%;
  top        : 50%;
}

/* layer animtion*/
.layerOut {
  -webkit-animation: bounceIn 0.5s 0.2s ease both;
  -moz-animation   : bounceIn 0.5s 0.2s ease both;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity          : 0;
    -webkit-transform: scale(0.3);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity          : 0;
    -webkit-transform: scale(0.3);
    transform        : scale(0.3);
  }

  100% {
    -webkit-transform: scale(1);
    transform        : scale(1);
  }
}

/*--弹窗滚动条解决卡顿--有可能是body和main的滚动条重叠*/
.scrolling {
  width                      : 100%;
  height                     : 100%;
  -webkit-overflow-scrolling : touch;
  overflow-y                 : auto;
  -moz-backface-visibility   : hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility        : hidden;
  transform                  : translateZ(0);
}

/*--loading---*/
.page-loading {
  position        : fixed;
  top             : 40%;
  left            : 50%;
  z-index         : 9999;
  width           : 54px;
  height          : 54px;
  margin          : -27px 0 0 -27px;
  border-radius   : 3px;
  background-color: rgba(0, 0, 0, 0.6);
  text-align      : center;
}

.page-loading img {
  display: inline-block;
  margin : 8px 0;
}

/*--解决ipone 1像素边框变2像素问题：--*/
.bd1px {
  position: relative;
}

.bd1px:before {
  display                 : block;
  content                 : '';
  overflow                : auto;
  position                : absolute;
  top                     : 0;
  right                   : 0;
  bottom                  : 0;
  left                    : 0;
  z-index                 : 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform       : scale(1);
  pointer-events          : none;
}

.border-1px,
.acBd-1px {
  position: relative;
}

.border-1px::after {
  content                 : '';
  width                   : 200%;
  height                  : 200%;
  position                : absolute;
  top                     : 0;
  left                    : 0;
  border                  : 1px solid #bfbfbf;
  border-radius           : 50px;
  -webkit-transform       : scale(0.5, 0.5);
  transform               : scale(0.5, 0.5);
  -webkit-transform-origin: top left;
}

.acBd-1px::after {
  content                 : '';
  width                   : 200%;
  height                  : 200%;
  position                : absolute;
  top                     : 0;
  left                    : 0;
  border                  : 1px solid #38adff;
  border-radius           : 50px;
  -webkit-transform       : scale(0.5, 0.5);
  transform               : scale(0.5, 0.5);
  -webkit-transform-origin: top left;
}

.acBd-1px.bdA:before {
  border: 1px solid #38adff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bd1px:before {
    right            : -100%;
    bottom           : -100%;
    -webkit-transform: scale(0.5);
  }
}

.border-1px.bdA:before {
  border: 1px solid #ccc;
}

.border-1px.bdT:before {
  border-top: 1px solid #ccc;
}

.bd1pborder-1pxx.bdB:before {
  border-bottom: 1px solid #ccc;
}

.border-1px.bdL:before {
  border-left: 1px solid #ccc;
}

.border-1px.bdR:before {
  border-right: 1px solid #ccc;
}

.bd1px.bdA:before {
  border: 1px solid #ccc;
}

.bd1px.bdT:before {
  border-top: 1px solid #ccc;
}

.bd1px.bdB:before {
  border-bottom: 1px solid #dfdfdf;
}

.bd1px.bdL:before {
  border-left: 1px solid #ccc;
}

.bd1px.bdR:before {
  border-right: 1px solid #ccc;
}

/*--1px边框end--*/
/*多行文本溢出*/
.multi-no-wrap {
  display           : -webkit-box;
  overflow          : hidden;
  text-overflow     : ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

/*--清除浮动--*/
.cl {
  clear: both;
}

.cl:after {
  content   : '';
  height    : 0;
  display   : block;
  clear     : both;
  visibility: hidden;
}

.error {
  width     : 100%;
  height    : auto;
  position  : fixed;
  top       : 40%;
  right     : 0;
  bottom    : inherit;
  left      : 0;
  margin    : 0 auto;
  text-align: center;
  z-index   : 10;
}

.error span {
  width                : auto;
  height               : auto;
  font-size            : 0.875rem;
  color                : #fff;
  line-height          : 1.25rem;
  padding              : 0.375rem 0.625rem;
  background           : #000;
  display              : inline-block;
  margin               : 0 2rem;
  border-radius        : 2px;
  -moz-border-radius   : 2px;
  -webkit-border-radius: 2px;
}

.content {
  width        : 100%;
  margin-top   : 3.125rem;
  margin-bottom: 4.69rem;
  overflow     : hidden;
}

/*解决fixed定位问题   有头部有尾部*/
.container {
  box-sizing: border-box;
  width     : 100%;
  position  : absolute;
  top       : 3.125rem;
  bottom    : 3.3125rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

/*解决fixed定位问题   只有头部*/
.containerOnlyHeader {
  position  : absolute;
  top       : 3.125rem;
  overflow-y: scroll;
  overflow-x: hidden;
  width     : 100%;
  height    : 100%;
}

/*--重置组件样式--*/
.mint-tabbar {
  position: fixed !important;
}

/*数据缺省图样式*/
.emptyData {
  position        : relative;
  width           : 100%;
  height          : 100%;
  min-height      : 200px;
  background-color: #fff;
  overflow        : hidden;
}

.emptyData .imgWarp {
  position         : absolute;
  top              : 50%;
  left             : 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform   : translate(-50%, -50%);
  -ms-transform    : translate(-50%, -50%);
  -o-transform     : translate(-50%, -50%);
  transform        : translate(-50%, -50%);
  text-align       : center;
}

.emptyData .imgWarp>img {
  width : 9.4375rem !important;
  height: 5.25rem !important;
}

.emptyData .imgWarp>p {
  color      : #999;
  font-size  : 14px;
  white-space: nowrap;
  text-align : center;
}

.emptyData .imgWarp>p>a {
  color: #38adff;
}

/*课程列表 loading*/
.loading {
  text-align: center;
  color     : #999;
  font-size : 0.937rem;
  padding   : 0.937rem 0;
}

.loading>i {
  margin-right: 0.312rem;
  color       : #999;
}

/*课程详情页  视频播放页  下面的按钮*/
.courseDetailBtn {
  position  : fixed;
  bottom    : 0;
  width     : 100%;
  height    : 3.06rem;
  border-top: 1px solid #eee;
  display   : flex;
  flex-flow : row nowrap;
}

.courseDetailBtn>div,
.courseDetailBtn>a {
  flex            : 1;
  font-size       : 1.062rem;
  text-align      : center;
  line-height     : 3.062rem;
  background-color: #fff;
  color           : #38adff;
}

.courseDetailBtn .freeTryLearn>a {
  color: #38adff;
}

.courseDetailBtn .signUp {
  background-color: #38adff;
  color           : #fff;
}

/* 上拉加载 样式重置*/

.mint-loadmore-bottom {
  margin-bottom: 0 !important;
  margin-top   : 0.625rem;
  height       : 0.8125rem;
  line-height  : 0.8125rem;
}

.classTop {
  padding-top: 50px;
}

.mint-loadmore-bottom span {
  font-size: 0.625rem;
  color    : #999;
}

.mint-loadmore-bottom .isAll {
  margin-bottom: 0 !important;
}

.mint-loadmore-bottom .classTop {
  margin-bottom: 0 !important;
}

.page-enter-active,
.page-leave-active {
  transition: opacity 0.5s;
}

.page-enter,
.page-leave-active {
  opacity: 0;
}

/*--弹窗进入动画--*/
.alertIn {
  -moz-animation   : alertIn 0.3s 0.3s ease both;
  -webkit-animation: alertIn 0.3s 0.3s ease both;
}

/*弱提示*/
.dn {
  display: none;
}

.layer {
  width             : 60%;
  padding           : 5px;
  height            : 2.5rem;
  background-color  : rgba(0, 0, 0, 0.7);
  position          : fixed;
  left              : 0;
  z-index           : 1000;
  margin            : auto;
  -webkit-box-orient: horizontal;
  -webkit-box-pack  : center;
  -webkit-box-align : center;
  bottom            : 0;
  top               : 0;
  right             : 0;
  text-align        : center;
  border-radius     : 8px;
  /* display        : none; */
  line-height       : 1.8rem;
}

.layer p {
  color    : #ffffff;
  font-size: 14px;
}

@-webkit-keyframes alertIn {
  0% {
    opacity          : 0;
    -webkit-transform: scale(0.5);
  }

  50% {
    opacity          : 1;
    -webkit-transform: scale(1.02);
  }

  100% {
    opacity          : 1;
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes alertIn {
  0% {
    opacity       : 0;
    -moz-transform: scale(0.5);
  }

  50% {
    opacity       : 1;
    -moz-transform: scale(1.02);
  }

  100% {
    opacity       : 1;
    -moz-transform: scale(1);
  }
}

/*mint-massage rest*/
.mint-msgbox-content {
  border-bottom: 1px solid #f5f5f5 !important;
}

.mint-msgbox-cancel {
  border-right: none !important;
}


.mint-indicator-wrapper {
  z-index: 2004 !important;
}

.mint-indicator-mask {
  z-index: 2004 !important;
}

.mint-indicator {
  z-index: 2004 !important;
}